<template>
  <div>
    <!-- footer start-->
    <footer>
      <div class="copyright-area">
        <div class="container">
          <div class="row">
            <div class="privacy">
              <ul>
                <li>
                  网络出版服务许可证（总）网出证（京）字第404号
                </li>
                <li>
                  京ICP证9527号
                </li>
                <li>
                  京公网安备100808820
                </li>
              </ul>
            </div>
            <div class="socialLinks">
              <ul>
                <li><i class="el-icon-share" /></li>
                <li><i class="el-icon-phone" /></li>
                <li><i class="el-icon-star-on" /></li>
                <li><i class="el-icon-s-promotion" /></li>
                <li><i class="el-icon-message-solid" /></li>
              </ul>
            </div>
            <div class="rightsText">
              <p>
                @ 2021, ZhiYu. All right reserved
              </p>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <!-- footer end-->

    <!-- toTop start-->
    <el-backtop>
      <div
        style="{
        height: 100%;
        width: 100%;
        background-color: #f2f5f6;
        box-shadow: 0 0 6px rgba(0,0,0, .12);
        text-align: center;
        line-height: 40px;
        color: #7ae582;
      }"
      >
        UP
      </div>
    </el-backtop>
    <!-- toTop end-->

  </div>

</template>

<script>
export default {

}
</script>

<style>
.container {
    width: 100%;
    max-width: 1140px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
  display: flex;
  justify-content: space-between;
}
.copyright-area {
  background-color: #fcf5f5;
  padding: 30px 0;
}
.copyright-area .row {
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
}
.copyright-area .privacy,
.copyright-area .socialLinks {
  margin-bottom: 10px;
}
.copyright-area ul {
  padding: 0;
  margin: 0;
}
.copyright-area ul li {
  cursor: pointer;
  display: inline-flex;
  margin-right: 25px;
  color: #000;
  font-size: 18px;
  font-family: 'Courier New', Courier, monospace;
  list-style: none;
}
.copyright-area ul li i {
  font-size: 24px;
}
.copyright-area .rightsText p {
  color: #000;
  font-family: 'Courier New', Courier, monospace;
  margin: 0;
  font-size: 20px;
}
</style>
